<template name="head">
	<view>
		<view class="flex p-l-r2 fixed fixed-top bg-color search-h align-center font-size">
			<text class="iconfont icon-jiantou2 arrow-size" @tap="onClickLeft"></text>
			<view class="flex justify-content title">{{headTitle}}</view>
			<view class="right flex align-center">
				<text :class="{'iconfont icon-message':icon1}" class="right icon-fs"></text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:"head",
		props:{
			headTitle:{
				type:String,
				value : '',
			},
			icon1:{
				type:[Boolean, String],
				default: false
			},
			icon2:{
				type:[Boolean, String],
				default: false
			}
		},
		methods:{
			onClickLeft() {
				this.$emit("clickLeft");
			},
			onClickRight(){
				this.$emit("clickRight");
			}
		}
	}
</script>

<style scoped>
.icon-fs{font-size: 80rpx !important;}
.icon-fs2{font-size: 50rpx !important;font-weight: 600;color: #333333;}
.arrow-size{font-size: 60rpx; font-weight: 600;width: 30%;}
.title{width: 40%;font-size: 38rpx;}
.right{width: 30%;display:flex;justify-content:flex-end;font-size: 36rpx;}
</style>
